<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:utils="http://java.sun.com/jsf/composite/utils"> 

	<h:head>
		<title>Using a Composite Component</title>
		<link rel="stylesheet" type="text/css" href="./css/styles.css" />
		<style type="text/css" >
			.langs1
			{
				font-style: italic;
			}
			.langs2
			{
				font-weight: bold;
				color: blue;
				margin-top: -1em;
			}
		</style> 
	</h:head> 
	<h:body> 
		<table border="5" align="center" >
			<tr>
				<th class="title">Using a Composite Component</th>
			</tr>
		</table>
		
		<p/>
		
		<p>Somethimes the best option is designing a custome component to 
		do the looping and to output the results in a relatively fixed format. 
		It all depends on whether you can give the Web page dsigners 
		the flexibility they need.</p>
		
		<h2>First coreservlets.com Developer</h2>
		
		<ul>
			<li>Level: Junio</li>
			<li>First name: #{personBean.firstName}</li>
			<li>Last name: #{personBean.lastName}</li>
			<li>Languages: <utils:list value="#{personBean.languages}" styleClass="langs1" /></li>
		</ul>
		
		<h2>Second coreservlets.com Developer</h2>
		<p>
			Our second junior-level developer is 
			#{person2Bean.firstName} #{person2Bean.lastName}. 
			He is proeficient in: 
			<utils:list value="#{person2Bean.languages}" styleClass="langs2" />
		</p>
	</h:body> 
</html>
